<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>NAMBOOT | Website pinjam-meminjam</title>
<meta content="text/html;charset=utf-8" http-equiv="Content-Type"/>
<meta content="utf-8" http-equiv="encoding"/>

<link rel="stylesheet" href="style.css" type="text/css"/>
<link rel="stylesheet" href="jquery.lightbox-0.5.css" type="text/css"/>

<script src="js/jquery.min.js"></script>
<script src="js/jquery.js"></script>
<script src="js/jquery.lightbox-0.5.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript">
    $(function() {
        $('#hasil-pencarian a').lightBox();
        $('#menu-desc a').lightBox();
    });
    </script>
</head>
    
<body>
    <div id="header-hasil">
        <div id="head">
            <div id="logo">
                <p><a href="">NAMB<font color="#fdc86b">OO</font>T</a></p>
            </div>
            <h1>| Situs pinjam-meminjam barang Indonesia</h1>
            <div id="avatar">
                <div id="avatar-pic"><img src="icon.png" width="30" height="30"></div>
                <div id="avatar-name">User Name</div>
            </div>
            <div id="notification">
                <a href=""><img src="asset/dashboard.png" title="Laman dashboard"/></a>
                <a href=""><img src="asset/no notification.png"/></a>
                <a href=""><img src="asset/no message.png"/></a>
            </div>
            
        </div>
    </div>
    
    <div id="button-add">
        <input type="button" class="button" name="sewakan-button" value="+SEWAKAN BARANG"/>
    </div>
    <div id="categories-hasil">
            <div class="category-item-hasil">
                <a href=""><img src="asset/item-rumah.png" title="Rumah sewaan" width="50" height="57"/></a>
            </div>
            <div class="category-item-hasil">
                <a href=""><img src="asset/item-buku.png" title="Buku/bacaan sewaan" width="50" height="57" /></a>
            </div>
            <div class="category-item-hasil">
                <a href=""><img src="asset/item-elektronik.png" title="Barang elektronik sewaan" width="50" height="57" /></a>
            </div>
            <div class="category-item-hasil">
                <a href=""><img src="asset/item-kendaraan.png" title="Kendaraan sewaan" width="50" height="57" /></a>
            </div>
            <div class="category-item-hasil">
                <a href=""><img src="asset/item-movie.png" title="Film sewaan" width="50" height="57" /></a>
            </div>
            <div class="category-item-hasil">
                <a href=""><img src="asset/item-musik.png" title="Alat musik sewaan" width="50" height="57"/></a>
            </div>
            <div class="category-item-hasil">
                <a href=""><img src="asset/item-misc.png" title="Penyewaan lain-lain" width="50" height="57" /></a>
            </div>
        </div>
    <div id="wrapper">
        <h1>HOME > PESAN</h1>
        <div id="message-menu">
            <ul>
                <li>BUAT PESAN</li>
                <li>KOTAK MASUK (1)</li>
                <li>DRAF (1)</li>
            </ul>
        </div>
        <div id="message-list">
            <table>
                <tr class="amessage">
                    <td>
                        <b>Nama Pengirim &nbsp;</b>
                    </td>
                    <td>
                        <b>Ini adalah subjek dari pesan ini</b>
                    </td>
                </tr>
                <tr>
                    <td>
                       Nama Pengirim 
                    </td>
                    <td>
                        Ini adalah subjek dari pesan ini
                    </td>
                </tr>
            </table>
        </div>
    </div>
    <div id="footer">
        <a href="">kontak kami</a> &bull; <a href="">peraturan dan syarat</a> &bull; <a href="">bantuan</a>
    </div>
</body>
</html>